{{content()}}
<div ng-app="movieApp" ng-controller="movieController">
    <div class="containers">
        <div class="col-md-12 movies">
            <h4><span class="glyphicon glyphicon-film"></span> PHIM MỚI</h4>
             
            <div class="well-none">
                <div id="CarouselNew" class="carousel slide">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                
                                <div class="col-sm-2 col-xs-6"
                                id="item1" 
                                ng-mouseover="getMouseover('item1');"
                                ng-mouseout="getMouseout('item1');">
                                    
                                    <a href=""><img src="http://images004.erosnow.com/new/image/7/1004607/6119121/1004607_6119121_145_210.jpg" alt="Image" class="img-responsive" /></a>
                                    <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item2" 
                                ng-mouseover="getMouseover('item2');"
                                ng-mouseout="getMouseout('item2');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/0/1004650/6119131/1004650_6119131_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item3" 
                                ng-mouseover="getMouseover('item3');"
                                ng-mouseout="getMouseout('item3');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/1/1004831/6119071/1004831_6119071_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item4" 
                                ng-mouseover="getMouseover('item4');"
                                ng-mouseout="getMouseout('item4');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/5/1004635/6119062/1004635_6119062_145_210.jpg" alt="Image" class="img-responsive"></a>
                                    <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item5" 
                                ng-mouseover="getMouseover('item5');"
                                ng-mouseout="getMouseout('item5');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/7/1005097/6119107/1005097_6119107_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item6" 
                                ng-mouseover="getMouseover('item6');"
                                ng-mouseout="getMouseout('item6');">
                                    <a href=""><img src="http://images004.erosnow.com/movie/5/1005275/img145210/6125056/1005275_6125056_58.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                            </div>
                            <!--/row-->
                        </div>
                        <!--/item-->
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-2 col-xs-6"
                                id="item7" 
                                ng-mouseover="getMouseover('item7');"
                                ng-mouseout="getMouseout('item7');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/0/1005330/img145210/6125748/1005330_6125748.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item8" 
                                ng-mouseover="getMouseover('item8');"
                                ng-mouseout="getMouseout('item8');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/4/1006884/img145210/6160568/1006884_6160568.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item9" 
                                ng-mouseover="getMouseover('item9');"
                                ng-mouseout="getMouseout('item9');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/6/1005506/img145210/6133575/1005506_6133575.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item10" 
                                ng-mouseover="getMouseover('item10');"
                                ng-mouseout="getMouseout('item10');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/new/image/6/1000136/6118472/1000136_6118472_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item11" 
                                ng-mouseover="getMouseover('item11');"
                                ng-mouseout="getMouseout('item11');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/new/image/7/1000157/6118487/1000157_6118487_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item12" 
                                ng-mouseover="getMouseover('item12');"
                                ng-mouseout="getMouseout('item12');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/1/1005251/img145210/6120192/1005251_6120192.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                            </div>
                            <!--/row-->
                        </div>
                        
                    </div>
                    <!--/carousel-inner--> 
                    <a class="left carousel-control" href="#CarouselNew" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    
                    <a class="right carousel-control" href="#CarouselNew" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                </div>
                <!--/myCarousel-->
            </div>
            <!--/well-->
        </div>
        
        <!--PHIM XEM NHIEU NHAT!-->
        <div class="col-md-12 movies">
             <h4><span class="glyphicon glyphicon-film"></span> XEM NHIỀU NHẤT</h4>
    
            <div class="well-none">
                <div id="CarouselView" class="carousel slide">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                <div class="col-sm-2 col-xs-6"
                                id="item13" 
                                ng-mouseover="getMouseover('item13');"
                                ng-mouseout="getMouseout('item13');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/7/1004607/6119121/1004607_6119121_145_210.jpg" alt="Image" class="img-responsive" /></a>
                                    <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item14" 
                                ng-mouseover="getMouseover('item14');"
                                ng-mouseout="getMouseout('item14');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/0/1004650/6119131/1004650_6119131_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item15" 
                                ng-mouseover="getMouseover('item15');"
                                ng-mouseout="getMouseout('item15');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/1/1004831/6119071/1004831_6119071_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item16" 
                                ng-mouseover="getMouseover('item16');"
                                ng-mouseout="getMouseout('item16');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/5/1004635/6119062/1004635_6119062_145_210.jpg" alt="Image" class="img-responsive"></a>
                                    <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item17" 
                                ng-mouseover="getMouseover('item17');"
                                ng-mouseout="getMouseout('item17');">
                                    <a href=""><img src="http://images004.erosnow.com/new/image/7/1005097/6119107/1005097_6119107_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item18" 
                                ng-mouseover="getMouseover('item18');"
                                ng-mouseout="getMouseout('item18');">
                                    <a href=""><img src="http://images004.erosnow.com/movie/5/1005275/img145210/6125056/1005275_6125056_58.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                            </div>
                            <!--/row-->
                        </div>
                        <!--/item-->
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-2 col-xs-6"
                                id="item19" 
                                ng-mouseover="getMouseover('item19');"
                                ng-mouseout="getMouseout('item19');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/0/1005330/img145210/6125748/1005330_6125748.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item20" 
                                ng-mouseover="getMouseover('item20');"
                                ng-mouseout="getMouseout('item20');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/4/1006884/img145210/6160568/1006884_6160568.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item21" 
                                ng-mouseover="getMouseover('item21');"
                                ng-mouseout="getMouseout('item21');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/6/1005506/img145210/6133575/1005506_6133575.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item22" 
                                ng-mouseover="getMouseover('item22');"
                                ng-mouseout="getMouseout('item22');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/new/image/6/1000136/6118472/1000136_6118472_145_210.jpg" alt="Image" class="img-responsive" ></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item23" 
                                ng-mouseover="getMouseover('item23');"
                                ng-mouseout="getMouseout('item23');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/new/image/7/1000157/6118487/1000157_6118487_145_210.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                                <div class="col-sm-2 col-xs-6"
                                id="item24" 
                                ng-mouseover="getMouseover('item24');"
                                ng-mouseout="getMouseout('item24');">
                                    <a href="" class=""><img src="http://images004.erosnow.com/movie/1/1005251/img145210/6120192/1005251_6120192.jpg" alt="Image" class="img-responsive"></a>
                                     <span class="overplay" style="display: none;"></span>
                                </div>
                            </div>
                            <!--/row-->
                        </div>
                        
                    </div>
                    <!--/carousel-inner--> 
                    <a class="left carousel-control" href="#CarouselView" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    
                    <a class="right carousel-control" href="#CarouselView" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                </div>
                <!--/myCarousel-->
            </div>
            <!--/well-->
        </div>
        
    </div>
</div>